<!DOCTYPE html> 
<html> 
<head> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
<style type="text/css"> 
  html { height: 100% }
  body { height: 100%; margin: 0px; padding: 0px }
  #map_canvas { height: 100% }

  div.controlparent {
    margin: 5px;
  }

  div.control {
    background-color: white;
    border-color: black;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    text-align: center;
    font-family: Arial, sans-serif;
    margin-right: 2px;
  }

  div.control-inner {
    border-bottom: 1px solid #B0B0B0;
    border-left: 1px solid white;
    border-right: 1px solid #B0B0B0;
    border-top: 1px solid white;
    font-size: 12px;
    padding: 4px;
  }

  div.link {
    font-family: Arial, sans-serif;
    font-size: 12px;
    padding: 2px 2px 2px 2px;
    margin-bottom: 11px;
    cursor: pointer;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.75);
    line-height: 12px;
  }

  div.selected-inner {
    border-bottom: 1px solid #6C9DDF;
    border-left: 1px solid #345684;
    border-right: 1px solid #6C9DDF;
    border-top: 1px solid #345684;
    font-weight: bold;
    font-size: 12px;
    padding: 4px;
  }

  div.dropdown {
    border-style: solid;
    border-width: 1px;
    background-color: white;
    padding: 4px;
    position: absolute;
    width: 180px;
  }

  div.legend {
    font-family: Arial, sans-serif;
    border-style: solid;
    border-width: 1px;
    background-color: white;
    padding: 4px;
    margin-left: 8px;
    margin-right: 5px;
  }

  span.marginlabel {
    font-family: Arial, sans-serif;
    font-size: 14px;
  }

  div.marginouter {
    text-align: left;
  }

  div.party {
    width: 10px;
    height: 10px;
    line-height: 10px;
    border: solid 1px;
    clear: left;
    float: left;
    margin: 3px;
    font-size: 1px;
  }

  input.searchbox {
    color: #777777;
    font-family: Arial, sans-serif;
    font-size: 16px;
    padding: 5px;
    border: 1px solid;
  }

  div.searchouter {
    padding: 4px;
    background-color: white;
    border: solid 1px #333333;
    width: 265px;
  }

  input.searchbutton {
    background-color: #A3C2D2;
    border: 1px solid #000;
    cursor: pointer;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 16px;
    padding: 5px;
    margin-left: 4px;
  }

  div.closebutton {
    background-color: #A3C2D2;
    border: 1px solid #000;
    cursor: pointer;
    text-align: center;
    font-family: Arial, sans-serif;
    float: right;
    font-size: 16px;
    margin-left: 5px;
    margin-top: 2px;
  }

  #attributions {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -170px;
    margin-top: -155px;
    width: 300px;
    height: 310px;
    z-index: 1000;
    background: #fff;
    font-family: Arial, sans-serif;
    font-size: 12px;
    border: 1px solid #000;
    padding: 4px;
    display: none;
  }

  #attributions ul {
    margin: 0;
    padding: 0 0 0 16px;
  }

  #attributions li {
    padding: 4px 0;
    list-style: disc;
  }

  #attributions li li {
    list-style: none;
    padding: 8px 0 0 0;
  }

  #close {
    float: none;
  }

</style>
<title>Queensland Floods 2010/2011</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="map_script.js"></script>
</head>
<body onload="window.initialize()">
  <div id="map_canvas"></div>
  <div id="attributions">
    <div>
      <div class="closebutton" id="close">
        <div class="control-inner">Close</div>
      </div>
    </div>
    <div style="overflow: auto; height: 294px;">
      <div style="height: 394px; width: 280px;">
      <ul>
      <li>Bar River Flood Levels sourced from <a href="http://www.bom.gov.au/qld/flood/">Bureau of Meteorology</a>.</li>
      <li>Predicted Flood Areas sourced from <a
        href="http://www.brisbane.qld.gov.au/">Brisbane City Council</a> and <a
        href="http://www.ipswich.qld.gov.au/">Ipswich City Council</a>.</li>
      <li>Other layers
        <div id="other_layers"></div>
      </li>
      <li>Google can't guarantee its completeness or accuracy. Please check with emergency service organisations for latest information in an emergency:
        <ul>
          <li>State Emergency Service: 132 500</li>
          <li><a href="http://www.qld.gov.au/floods/">Queensland Government
            Flood Information</a></li>
          <li><a href="http://www.abc.net.au/emergency/flood/">ABC emergency
            website</a></li><br><br>
        </ul>
      </li>
    </ul>
  </div>
  </div>
 </div>
</body>
</html>
